<template>
    <div style="background-color:white;overflow: hidden">
      <el-tabs v-model="activeName"   @tab-click="toggleTab">
        <el-tab-pane label="工序生产设施信息表" name="equip">
          <Equip/>
        </el-tab-pane>
        <el-tab-pane label="工序生产数据及排放量表" name="productData">
          <ProductData/>
        </el-tab-pane>
        <el-tab-pane label="辅助报表" name="assist">
          <Assist/>
        </el-tab-pane>

      </el-tabs>
    </div>
  </template>

  <script>
  import Equip from './Equip'
  import ProductData from './ProductData'
  import Assist from './Assist'
  export default {
    components: {Equip,ProductData,Assist},
    data() {
      return {
        activeName: 'equip'
      }
    },
    created() {
    },
    methods: {
      toggleTab(tab, event) {
        // if (tab.name == 'tab2') {
        //   this.getOList()
        //   this.tab2Name = 'tab2'
        // } else if (tab.name == 'tab3') {
        //   this.getTList()
        //   this.tab2Name = 'tab3'
        // }
      },
    }
  }
  </script>
